
*{
margin:0;
padding: 0;
}

body{width:100%;
overflow: scroll;
}
#bg{max-width: 100%;}
img{max-width:  100%;
   width: 100%;
	
}
@media screen and (max-device-height: 500px) {/*高度小于500px*/
#wrap{
	margin: 0 auto;
	max-width:760px;

}
#icon{
	position: fixed;
	top: 60%;
     left: 80%;
	width: 10%;

	display: none;
	z-index: 2;
}
#content{
position: absolute;
left: 23.5%;
top:27%;
width: 65%;
height: 79%;


}
#header{position: absolute;
color: white;
width: 80%;
text-align: center;
left: 11%;
top:18%; 
height: 2rem;
font-size: 1rem;
font-weight: bold;
line-height: 2rem;
padding-bottom: 0.5rem；
}
.item{

height: 19%;
margin-top: 1.5%;
margin-bottom: 1%;

position: relative;
}
#itemimg{
color: #333333;}
.left{
width: 30%;
height: 90%;
color: #333333;
margin-top: 0.15rem;
margin-bottom: 0.1rem;
position: absolute;
}
.right{position: absolute;
left: 32%;
top:0;
width: 65%;
height: 90%;
margin: 0.1rem;
font-weight: bold;}
img{max-height: 100%;}
.right1{height: 70%;
font-size: 0.8rem;
margin-left: 1rem;
margin-top: 0.1rem;
line-height: 0.9rem;
}
.right2{height: 30%;
  line-height: 1rem;
margin-left: 1rem;
margin-top: 1%;
font-size: 0.8rem;
color: #ff4b3a;
}
}
@media screen and (min-device-height: 500px){/*高度大于500px*/


#wrap{
	margin: 0 auto;
	max-width:760px;
}
#icon{
	position: fixed;
	top: 65%;
     left: 81%;
	width: 10%;
	
	display: none;
	z-index: 2;
}
#content{
position: absolute;
left: 24%;
top:22%;
width: 65%;
height: 65%;


}
#header{position: absolute;
color: white;
width: 80%;
text-align: center;
left: 11%;
top:15%; 
height: 2rem;
font-size: 1rem;
font-weight: bold;
line-height: 2rem;
padding-bottom: 0.5rem；
}
.item{

height: 19%;
margin-top: 2%;
margin-bottom: 1%;

position: relative;
}
#itemimg{
color: #333333;}
.left{
width: 30%;
height: 90%;
color: #333333;
margin-top: 0.15rem;
margin-bottom: 0.1rem;
position: absolute;
}
.right{position: absolute;
left: 32%;
top:0;
width: 65%;
height: 90%;
margin: 0.1rem;
font-weight: bold;}
img{max-height: 100%;}
.right1{height: 70%;
font-size: 0.8rem;
margin-left: 1rem;
margin-top: 0.1rem;
line-height: 0.9rem;
}
.right2{height: 20%;
  line-height: 1rem;
margin-left: 1rem;
margin-top: 3%;
font-size: 0.8rem;
color: #ff4b3a;
}
}

@media screen and (min-width: 400px) and (max-width: 760px){/*宽度大于400px*/

	#wrap{
	margin: 0 auto;
	max-width:760px;
}
#icon{
	position: fixed;
	top: 65%;
     left: 81%;
	width: 10%;
	
	display:none;
	z-index: 2;
}

#content{
position: absolute;
left: 23.5%;
top:23%;
width: 65%;
height: 66%;


}
#header{position: absolute;
color: white;
width: 80%;
text-align: center;
left: 11%;
top:16%; 
height: 2rem;
font-size: 2rem;
font-weight: bold;
line-height: 2rem;
padding-bottom: 0.5rem；
}
.item{

height: 19%;
margin-top: 2%;
margin-bottom: 1%;

position: relative;
}
#itemimg{
color: #333333;}
.left{
width: 30%;
height: 90%;
color: #333333;
margin-top: 0.15rem;
margin-bottom: 0.1rem;
position: absolute;
}
.right{position: absolute;
left: 32%;
top:0;
width: 65%;
height: 90%;
margin: 0.1rem;
font-weight: bold;}
img{max-height: 100%;}
.right1{height: 70%;
font-size: 1.2rem;
margin-left: 1rem;
margin-top: 0.1rem;
line-height: 1.2rem;
}
.right2{height: 30%;
  line-height: 1rem;
margin-left: 1rem;
margin-top: 1%;
font-size: 1rem;
color: #ff4b3a;
}
}
@media screen and (min-width: 760px) and (max-width:1000px){/*宽度大于400px*/

	#wrap{
	margin: 0 auto;
	max-width:760px;
}
#icon{
	position: fixed;
	top: 65%;
     left: 81%;
	width: 10%;
	
	display:none;
	z-index: 2;
}

#content{
position: absolute;
left: 23.5%;
top:30%;
width: 65%;
height: 88%;


}
#header{position: absolute;
color: white;
width: 80%;
text-align: center;
left: 11%;
top:22%; 
height: 2rem;
font-size: 2rem;
font-weight: bold;
line-height: 2rem;
padding-bottom: 0.5rem；
}
.item{

height: 19%;
margin-top: 2%;
margin-bottom: 1%;

position: relative;
}
#itemimg{
color: #333333;}
.left{
width: 30%;
height: 90%;
color: #333333;
margin-top: 0.15rem;
margin-bottom: 0.1rem;
position: absolute;
}
.right{position: absolute;
left: 32%;
top:0;
width: 65%;
height: 90%;
margin: 0.1rem;
font-weight: bold;}
img{max-height: 100%;}
.right1{height: 70%;
font-size: 1.2rem;
margin-left: 1rem;
margin-top: 0.1rem;
line-height: 1.2rem;
}
.right2{height: 30%;
  line-height: 1rem;
margin-left: 1rem;
margin-top: 1%;
font-size: 1rem;
color: #ff4b3a;
}
}
@media screen and (min-width:1000px) and (max-width:1200px){/*宽度大于400px*/

	#wrap{
	margin: 0 auto;
	max-width:760px;
}
#icon{
	position: fixed;
	top: 65%;
     left: 81%;
	width: 10%;
	
	display:none;
	z-index: 2;
}

#content{
position: absolute;
left:31%;
top:40%;
width: 65%;
height: 114%;


}
#header{position: absolute;
color: white;
width: 80%;
text-align: center;
left: 11%;
top:29%; 
height: 2rem;
font-size: 2rem;
font-weight: bold;
line-height: 2rem;
padding-bottom: 0.5rem；
}
.item{

height: 19%;
margin-top: 2%;
margin-bottom: 1%;

position: relative;
}
#itemimg{
color: #333333;}
.left{
width: 30%;
height: 90%;
color: #333333;
margin-top: 0.15rem;
margin-bottom: 0.1rem;
position: absolute;
}
.right{position: absolute;
left: 32%;
top:0;
width: 65%;
height: 90%;
margin: 0.1rem;
font-weight: bold;}
img{max-height: 100%;}
.right1{height: 70%;
font-size: 1.2rem;
margin-left: 1rem;
margin-top: 0.1rem;
line-height: 1.2rem;
}
.right2{height: 30%;
  line-height: 1rem;
margin-left: 1rem;
margin-top: 1%;
font-size: 1rem;
color: #ff4b3a;
}
}
@media screen and (min-width: 760px) and (max-width:1000px){/*宽度大于400px*/

	#wrap{
	margin: 0 auto;
	max-width:760px;
}
#icon{
	position: fixed;
	top: 65%;
     left: 81%;
	width: 10%;
	
	display:none;
	z-index: 2;
}

#content{
position: absolute;
left: 23.5%;
top:30%;
width: 65%;
height: 88%;


}
#header{position: absolute;
color: white;
width: 80%;
text-align: center;
left: 11%;
top:22%; 
height: 2rem;
font-size: 2rem;
font-weight: bold;
line-height: 2rem;
padding-bottom: 0.5rem；
}
.item{

height: 19%;
margin-top: 2%;
margin-bottom: 1%;

position: relative;
}
#itemimg{
color: #333333;}
.left{
width: 30%;
height: 90%;
color: #333333;
margin-top: 0.15rem;
margin-bottom: 0.1rem;
position: absolute;
}
.right{position: absolute;
left: 32%;
top:0;
width: 65%;
height: 90%;
margin: 0.1rem;
font-weight: bold;}
img{max-height: 100%;}
.right1{height: 70%;
font-size: 1.2rem;
margin-left: 1rem;
margin-top: 0.1rem;
line-height: 1.2rem;
}
.right2{height: 30%;
  line-height: 1rem;
margin-left: 1rem;
margin-top: 1%;
font-size: 1rem;
color: #ff4b3a;
}
}
@media screen and (min-width:1200px) and (max-width:2000px){/*宽度大于400px*/

	#wrap{
	margin: 0 auto;
	max-width:760px;
}
#icon{
	position: fixed;
	top: 65%;
     left: 81%;
	width: 10%;
	
	display:none;
	z-index: 2;
}

#content{
position: absolute;
left:39.5%;
top:32%;
width: 39%;
height: 90%;


}
#header{position: absolute;
color: white;
width: 80%;
text-align: center;
left: 11%;
top:25%; 
height: 2rem;
font-size: 2rem;
font-weight: bold;
line-height: 2rem;
padding-bottom: 0.5rem；
}
.item{

height: 19%;
margin-top: 2%;
margin-bottom: 1%;

position: relative;
}
#itemimg{
color: #333333;}
.left{
width: 30%;
height: 90%;
color: #333333;
margin-top: 0.15rem;
margin-bottom: 0.1rem;
position: absolute;
}
.right{position: absolute;
left: 32%;
top:0;
width: 65%;
height: 90%;
margin: 0.1rem;
font-weight: bold;}
img{max-height: 100%;}
.right1{height: 70%;
font-size: 1.2rem;
margin-left: 1rem;
margin-top: 0.1rem;
line-height: 1.2rem;
}
.right2{height: 30%;
  line-height: 1rem;
margin-left: 1rem;
margin-top: 1%;
font-size: 1rem;
color: #ff4b3a;
}
}
